<template>
  <div class="center">
    <!-- 头部 -->
    <header>
      <div class="beijin"></div>
      <div class="flex aic users pixed">
        <span v-if="phone" class="f16 ml-5 fff">{{phone}}</span>
        <router-link v-else to="/login" class="f16 fff ml-5">立即登录</router-link>
      </div>
    </header>

    <!-- 列表栏 -->
    <main class="mt-10">
      <div class="bg-fff">
        <van-cell title="我的订单" isLink to="/order/list"></van-cell>
        <van-cell title="收藏" isLink to="/favorite"></van-cell>
        <van-cell title="足迹" isLink to="/footprint"></van-cell>
        <van-cell title="优惠券" isLink></van-cell>
        <van-cell title="我的地址" isLink></van-cell>
        <van-cell title="设置" isLink to="/my/set"></van-cell>
      </div>
    </main>

    <Footer />
  </div>
</template>

<script>
import Footer from "@/components/Footer"; 
import {mapState} from 'vuex';
export default {
  components: {
    Footer
  },

  computed: {
    ...mapState(['phone'])
  }
};
</script>

<style lang="less" scoped>
@import "./center.less";
</style>